<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>阳光彩虹小白马</title>
    <meta name="generator" content="VuePress 1.5.0">
    <link rel="icon" href="/images/icon.jpg">
    <link rel="manifest" href="/images/icon.jpg">
    <link rel="apple-touch-icon" href="/images/photo.jpg">
    <meta name="description" content="Personal Website">
    <meta http-quiv="pragma" cotent="no-cache">
    <meta http-quiv="pragma" cotent="no-cache,must-revalidate">
    <meta http-quiv="expires" cotent="0">
    <link rel="preload" href="/assets/css/0.styles.a1b29053.css" as="style"><link rel="preload" href="/assets/js/app.5d3d80a9.js" as="script"><link rel="preload" href="/assets/js/2.b8bab639.js" as="script"><link rel="preload" href="/assets/js/10.f0caa0ef.js" as="script"><link rel="prefetch" href="/assets/js/11.74ad5213.js"><link rel="prefetch" href="/assets/js/12.df3552d8.js"><link rel="prefetch" href="/assets/js/13.325070e4.js"><link rel="prefetch" href="/assets/js/14.827ebd34.js"><link rel="prefetch" href="/assets/js/15.6395838e.js"><link rel="prefetch" href="/assets/js/3.f7f6b6e3.js"><link rel="prefetch" href="/assets/js/4.e3ed48f8.js"><link rel="prefetch" href="/assets/js/5.1ae571cf.js"><link rel="prefetch" href="/assets/js/6.e6fdc0d1.js"><link rel="prefetch" href="/assets/js/7.8cc101a0.js"><link rel="prefetch" href="/assets/js/8.4ae5237e.js"><link rel="prefetch" href="/assets/js/9.c29293ee.js">
    <link rel="stylesheet" href="/assets/css/0.styles.a1b29053.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">阳光彩虹小白马</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/Java/" class="nav-link">
  Java
</a></div><div class="nav-item"><a href="/Idea/" class="nav-link">
  IntelliJ IDEA
</a></div><div class="nav-item"><a href="/Nginx/" class="nav-link">
  Nginx
</a></div><div class="nav-item"><a href="/Linux/" class="nav-link">
  Linux
</a></div><div class="nav-item"><a href="/Markdown/" class="nav-link router-link-exact-active router-link-active">
  Markdown
</a></div><div class="nav-item"><a href="/Maven/" class="nav-link">
  Maven
</a></div><div class="nav-item"><a href="/Python/" class="nav-link">
  Python
</a></div><div class="nav-item"><a href="/JavaScript/" class="nav-link">
  JavaScript
</a></div><div class="nav-item"><a href="/Markdown/Jenkins/" class="nav-link">
  Jenkins
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/Java/" class="nav-link">
  Java
</a></div><div class="nav-item"><a href="/Idea/" class="nav-link">
  IntelliJ IDEA
</a></div><div class="nav-item"><a href="/Nginx/" class="nav-link">
  Nginx
</a></div><div class="nav-item"><a href="/Linux/" class="nav-link">
  Linux
</a></div><div class="nav-item"><a href="/Markdown/" class="nav-link router-link-exact-active router-link-active">
  Markdown
</a></div><div class="nav-item"><a href="/Maven/" class="nav-link">
  Maven
</a></div><div class="nav-item"><a href="/Python/" class="nav-link">
  Python
</a></div><div class="nav-item"><a href="/JavaScript/" class="nav-link">
  JavaScript
</a></div><div class="nav-item"><a href="/Markdown/Jenkins/" class="nav-link">
  Jenkins
</a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span></span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/Markdown/#mdeditor是一个在线编辑markdown文档的编辑器" class="sidebar-link">MdEditor是一个在线编辑Markdown文档的编辑器</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/Markdown/#mdeditor的功能列表演示" class="sidebar-link">MdEditor的功能列表演示</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/Markdown/#标题h2" class="sidebar-link">标题H2</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Markdown/#标题h3" class="sidebar-link">标题H3</a></li><li class="sidebar-sub-header"><a href="/Markdown/#字符效果和横线等" class="sidebar-link">字符效果和横线等</a></li><li class="sidebar-sub-header"><a href="/Markdown/#引用-blockquotes" class="sidebar-link">引用 Blockquotes</a></li><li class="sidebar-sub-header"><a href="/Markdown/#锚点与链接-links" class="sidebar-link">锚点与链接 Links</a></li><li class="sidebar-sub-header"><a href="/Markdown/#多语言代码高亮-codes" class="sidebar-link">多语言代码高亮 Codes</a></li><li class="sidebar-sub-header"><a href="/Markdown/#图片-images" class="sidebar-link">图片 Images</a></li><li class="sidebar-sub-header"><a href="/Markdown/#列表-lists" class="sidebar-link">列表 Lists</a></li><li class="sidebar-sub-header"><a href="/Markdown/#绘制表格-tables" class="sidebar-link">绘制表格 Tables</a></li><li class="sidebar-sub-header"><a href="/Markdown/#emoji表情" class="sidebar-link">Emoji表情 😃</a></li><li class="sidebar-sub-header"><a href="/Markdown/#科学公式-tex-katex" class="sidebar-link">科学公式 TeX(KaTeX)</a></li><li class="sidebar-sub-header"><a href="/Markdown/#分页符-page-break" class="sidebar-link">分页符 Page break</a></li><li class="sidebar-sub-header"><a href="/Markdown/#绘制流程图-flowchart" class="sidebar-link">绘制流程图 Flowchart</a></li><li class="sidebar-sub-header"><a href="/Markdown/#绘制序列图-sequence-diagram" class="sidebar-link">绘制序列图 Sequence Diagram</a></li><li class="sidebar-sub-header"><a href="/Markdown/#end" class="sidebar-link">End</a></li></ul></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>#Markdown</p> <p><strong>Markdown是一种轻量级的「标记语言」</strong></p> <p><img src="https://www.mdeditor.com/images/logos/markdown.png" alt="markdown" title="markdown"></p> <p>Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面，Markdown文件的后缀名便是“.md”</p> <h2 id="mdeditor是一个在线编辑markdown文档的编辑器"><a href="#mdeditor是一个在线编辑markdown文档的编辑器" class="header-anchor">#</a> MdEditor是一个在线编辑Markdown文档的编辑器</h2> <p><em>MdEditor扩展了Markdown的功能（如表格、脚注、内嵌HTML等等），以使让Markdown转换成更多的格式，和更丰富的展示效果，这些功能原初的Markdown尚不具备。</em></p> <blockquote><p>Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如<s>Pandoc</s>，Pandao；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。</p></blockquote> <p>MdEditor源于Pandao的JavaScript开源项目，开源地址<a href="https://github.com/pandao/editor.md" title="Editor.md" target="_blank" rel="noopener noreferrer">Editor.md<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>，并在MIT开源协议的许可范围内进行了优化，以适应广大用户群体的需求。向优秀的markdown开源编辑器原作者Pandao致敬。</p> <p><img src="https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png" alt="Pandao editor.md" title="Pandao editor.md"></p> <h2 id="mdeditor的功能列表演示"><a href="#mdeditor的功能列表演示" class="header-anchor">#</a> MdEditor的功能列表演示</h2> <h1 id="标题h1"><a href="#标题h1" class="header-anchor">#</a> 标题H1</h1> <h2 id="标题h2"><a href="#标题h2" class="header-anchor">#</a> 标题H2</h2> <h3 id="标题h3"><a href="#标题h3" class="header-anchor">#</a> 标题H3</h3> <h4 id="标题h4"><a href="#标题h4" class="header-anchor">#</a> 标题H4</h4> <h5 id="标题h5"><a href="#标题h5" class="header-anchor">#</a> 标题H5</h5> <h6 id="标题h5-2"><a href="#标题h5-2" class="header-anchor">#</a> 标题H5</h6> <h3 id="字符效果和横线等"><a href="#字符效果和横线等" class="header-anchor">#</a> 字符效果和横线等</h3> <hr> <p><s>删除线</s> <s>删除线（开启识别HTML标签时）</s></p> <p><em>斜体字</em> <em>斜体字</em></p> <p><strong>粗体</strong> <strong>粗体</strong></p> <p><em><strong>粗斜体</strong></em> <em><strong>粗斜体</strong></em></p> <p>上标：X<sub>2</sub>，下标：O<sup>2</sup></p> <p><strong>缩写(同HTML的abbr标签)</strong></p> <blockquote><p>即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启</p></blockquote> <p>The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.</p> <h3 id="引用-blockquotes"><a href="#引用-blockquotes" class="header-anchor">#</a> 引用 Blockquotes</h3> <blockquote><p>引用文本 Blockquotes</p></blockquote> <p>引用的行内混合 Blockquotes</p> <blockquote><p>引用：如果想要插入空白换行<code>即&lt;br /&gt;标签</code>，在插入处先键入两个以上的空格然后回车即可，<a href="https://www.mdeditor.com/" target="_blank" rel="noopener noreferrer">普通链接<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>。</p></blockquote> <h3 id="锚点与链接-links"><a href="#锚点与链接-links" class="header-anchor">#</a> 锚点与链接 Links</h3> <p><a href="https://www.mdeditor.com/" target="_blank" rel="noopener noreferrer">普通链接<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a><br> <a href="https://www.mdeditor.com/" title="普通链接带标题" target="_blank" rel="noopener noreferrer">普通链接带标题<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a><br>
直接链接：<a href="https://www.mdeditor.com" target="_blank" rel="noopener noreferrer">https://www.mdeditor.com<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a><br>
[锚点链接][anchor-id]
[anchor-id]: https://www.mdeditor.com/
<a href="mailto:test.test@gmail.com">mailto:test.test@gmail.com</a><br>
GFM a-tail link @pandao<br>
邮箱地址自动链接 test.test@gmail.com  www@vip.qq.com</p> <blockquote><p>@pandao</p></blockquote> <h3 id="多语言代码高亮-codes"><a href="#多语言代码高亮-codes" class="header-anchor">#</a> 多语言代码高亮 Codes</h3> <h4 id="行内代码-inline-code"><a href="#行内代码-inline-code" class="header-anchor">#</a> 行内代码 Inline code</h4> <p>执行命令：<code>npm install marked</code></p> <h4 id="缩进风格"><a href="#缩进风格" class="header-anchor">#</a> 缩进风格</h4> <p>即缩进四个空格，也做为实现类似 <code>&lt;pre&gt;</code> 预格式化文本 ( Preformatted Text ) 的功能。</p> <div class="language- extra-class"><pre><code>&lt;?php
    echo &quot;Hello world!&quot;;
?&gt;
</code></pre></div><p>预格式化文本：</p> <div class="language- extra-class"><pre><code>| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
</code></pre></div><h4 id="js代码"><a href="#js代码" class="header-anchor">#</a> JS代码</h4> <div class="language-javascript line-numbers-mode"><pre class="language-javascript"><code><span class="token keyword">function</span> <span class="token function">test</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
	console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">&quot;Hello world!&quot;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><h4 id="html-代码-html-codes"><a href="#html-代码-html-codes" class="header-anchor">#</a> HTML 代码 HTML codes</h4> <div class="language-html line-numbers-mode"><pre class="language-html"><code><span class="token doctype">&lt;!DOCTYPE html&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>mate</span> <span class="token attr-name">charest</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>utf-8<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>keywords<span class="token punctuation">&quot;</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>Editor.md, Markdown, Editor<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>Hello world!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>text/css<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token style"><span class="token language-css">
            <span class="token selector">body</span><span class="token punctuation">{</span><span class="token property">font-size</span><span class="token punctuation">:</span>14px<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>#444<span class="token punctuation">;</span><span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">&quot;Microsoft Yahei&quot;</span><span class="token punctuation">,</span> Tahoma<span class="token punctuation">,</span> <span class="token string">&quot;Hiragino Sans GB&quot;</span><span class="token punctuation">,</span> Arial<span class="token punctuation">;</span><span class="token property">background</span><span class="token punctuation">:</span>#fff<span class="token punctuation">;</span><span class="token punctuation">}</span>
            <span class="token selector">ul</span><span class="token punctuation">{</span><span class="token property">list-style</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token punctuation">}</span>
            <span class="token selector">img</span><span class="token punctuation">{</span><span class="token property">border</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">vertical-align</span><span class="token punctuation">:</span> middle<span class="token punctuation">;</span><span class="token punctuation">}</span>
        </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>h1</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>text-xxl<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>Hello world!<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>h1</span><span class="token punctuation">&gt;</span></span>
        <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>text-green<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>Plain text<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br></div></div><h3 id="图片-images"><a href="#图片-images" class="header-anchor">#</a> 图片 Images</h3> <p>图片加链接 (Image + Link)：</p> <p><a href="https://www.mdeditor.com/images/logos/markdown.png" title="markdown" target="_blank" rel="noopener noreferrer"><img src="https://www.mdeditor.com/images/logos/markdown.png" alt=""><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <blockquote><p>Follow your heart.</p></blockquote> <hr> <h3 id="列表-lists"><a href="#列表-lists" class="header-anchor">#</a> 列表 Lists</h3> <h4 id="无序列表（减号）unordered-lists"><a href="#无序列表（减号）unordered-lists" class="header-anchor">#</a> 无序列表（减号）Unordered Lists (-)</h4> <ul><li>列表一</li> <li>列表二</li> <li>列表三</li></ul> <h4 id="无序列表（星号）unordered-lists"><a href="#无序列表（星号）unordered-lists" class="header-anchor">#</a> 无序列表（星号）Unordered Lists (*)</h4> <ul><li>列表一</li> <li>列表二</li> <li>列表三</li></ul> <h4 id="无序列表（加号和嵌套）unordered-lists"><a href="#无序列表（加号和嵌套）unordered-lists" class="header-anchor">#</a> 无序列表（加号和嵌套）Unordered Lists (+)</h4> <ul><li>列表一</li> <li>列表二
<ul><li>列表二-1</li> <li>列表二-2</li> <li>列表二-3</li></ul></li> <li>列表三
<ul><li>列表一</li> <li>列表二</li> <li>列表三</li></ul></li></ul> <h4 id="有序列表-ordered-lists"><a href="#有序列表-ordered-lists" class="header-anchor">#</a> 有序列表 Ordered Lists (-)</h4> <ol><li>第一行</li> <li>第二行</li> <li>第三行</li></ol> <h4 id="gfm-task-list"><a href="#gfm-task-list" class="header-anchor">#</a> GFM task list</h4> <ul><li>[x] GFM task list 1</li> <li>[x] GFM task list 2</li> <li>[ ] GFM task list 3
<ul><li>[ ] GFM task list 3-1</li> <li>[ ] GFM task list 3-2</li> <li>[ ] GFM task list 3-3</li></ul></li> <li>[ ] GFM task list 4
<ul><li>[ ] GFM task list 4-1</li> <li>[ ] GFM task list 4-2</li></ul></li></ul> <hr> <h3 id="绘制表格-tables"><a href="#绘制表格-tables" class="header-anchor">#</a> 绘制表格 Tables</h3> <table><thead><tr><th>项目</th> <th style="text-align:right;">价格</th> <th style="text-align:center;">数量</th></tr></thead> <tbody><tr><td>计算机</td> <td style="text-align:right;">$1600</td> <td style="text-align:center;">5</td></tr> <tr><td>手机</td> <td style="text-align:right;">$12</td> <td style="text-align:center;">12</td></tr> <tr><td>管线</td> <td style="text-align:right;">$1</td> <td style="text-align:center;">234</td></tr></tbody></table> <table><thead><tr><th>First Header</th> <th>Second Header</th></tr></thead> <tbody><tr><td>Content Cell</td> <td>Content Cell</td></tr> <tr><td>Content Cell</td> <td>Content Cell</td></tr></tbody></table> <table><thead><tr><th>First Header</th> <th>Second Header</th></tr></thead> <tbody><tr><td>Content Cell</td> <td>Content Cell</td></tr> <tr><td>Content Cell</td> <td>Content Cell</td></tr></tbody></table> <table><thead><tr><th>Function name</th> <th>Description</th></tr></thead> <tbody><tr><td><code>help()</code></td> <td>Display the help window.</td></tr> <tr><td><code>destroy()</code></td> <td><strong>Destroy your computer!</strong></td></tr></tbody></table> <table><thead><tr><th style="text-align:left;">Left-Aligned</th> <th style="text-align:center;">Center Aligned</th> <th style="text-align:right;">Right Aligned</th></tr></thead> <tbody><tr><td style="text-align:left;">col 3 is</td> <td style="text-align:center;">some wordy text</td> <td style="text-align:right;">$1600</td></tr> <tr><td style="text-align:left;">col 2 is</td> <td style="text-align:center;">centered</td> <td style="text-align:right;">$12</td></tr> <tr><td style="text-align:left;">zebra stripes</td> <td style="text-align:center;">are neat</td> <td style="text-align:right;">$1</td></tr></tbody></table> <table><thead><tr><th>Item</th> <th style="text-align:right;">Value</th></tr></thead> <tbody><tr><td>Computer</td> <td style="text-align:right;">$1600</td></tr> <tr><td>Phone</td> <td style="text-align:right;">$12</td></tr> <tr><td>Pipe</td> <td style="text-align:right;">$1</td></tr></tbody></table> <hr> <h4 id="特殊符号-html-entities-codes"><a href="#特殊符号-html-entities-codes" class="header-anchor">#</a> 特殊符号 HTML Entities Codes</h4> <p>© &amp;  ¨ ™ ¡ £
&amp; &lt; &gt; ¥ € ® ± ¶ § ¦ ¯ « ·</p> <p>X² Y³ ¾ ¼  ×  ÷   »</p> <p>18ºC  &quot;  '</p> <p>[========]</p> <h3 id="emoji表情"><a href="#emoji表情" class="header-anchor">#</a> Emoji表情 😃</h3> <blockquote><p>Blockquotes ⭐️</p></blockquote> <h4 id="gfm-task-lists-emoji-fontawesome-icon-emoji-editormd-logo-emoji-editormd-logo-5x"><a href="#gfm-task-lists-emoji-fontawesome-icon-emoji-editormd-logo-emoji-editormd-logo-5x" class="header-anchor">#</a> GFM task lists &amp; Emoji &amp; fontAwesome icon emoji &amp; editormd logo emoji :editormd-logo-5x:</h4> <ul><li>[x] 😃 @mentions, 😃 #refs, <a href="">links</a>, <strong>formatting</strong>, and <del>tags</del> supported :editormd-logo:;</li> <li>[x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;</li> <li>[x] [ ] 😃 this is a complete item 😃;</li> <li>[ ] []this is an incomplete item <a href="#">test link</a> :fa-star: @pandao;</li> <li>[ ] [ ]this is an incomplete item :fa-star: :fa-gear:;
<ul><li>[ ] 😃 this is an incomplete item <a href="#">test link</a> :fa-star: :fa-gear:;</li> <li>[ ] 😃 this is  :fa-star: :fa-gear: an incomplete item <a href="#">test link</a>;</li></ul></li></ul> <h4 id="反斜杠-escape"><a href="#反斜杠-escape" class="header-anchor">#</a> 反斜杠 Escape</h4> <p>*literal asterisks*</p> <p>[========]</p> <h3 id="科学公式-tex-katex"><a href="#科学公式-tex-katex" class="header-anchor">#</a> 科学公式 TeX(KaTeX)</h3> <p>$$E=mc^2$$</p> <p>行内的公式$$E=mc^2$$行内的公式，行内的$$E=mc^2$$公式。</p> <p>$$x &gt; y$$</p> <p>$$(\sqrt{3x-1}+(1+x)^2)$$</p> <p>$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$</p> <p>多行公式：</p> <div class="language-math line-numbers-mode"><pre class="language-text"><code>\displaystyle
\left( \sum\_{k=1}^n a\_k b\_k \right)^2
\leq
\left( \sum\_{k=1}^n a\_k^2 \right)
\left( \sum\_{k=1}^n b\_k^2 \right)
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><div class="language-katex line-numbers-mode"><pre class="language-text"><code>\displaystyle
    \frac{1}{
        \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{
        \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {
        1+\frac{e^{-6\pi}}
        {1+\frac{e^{-8\pi}}
         {1+\cdots} }
        }
    }
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><div class="language-latex line-numbers-mode"><pre class="language-latex"><code>f(x) = <span class="token function selector">\int</span>_<span class="token punctuation">{</span>-<span class="token function selector">\infty</span><span class="token punctuation">}</span>^<span class="token function selector">\infty</span>
    <span class="token function selector">\hat</span> f(<span class="token function selector">\xi</span>)<span class="token function selector">\,</span>e^<span class="token punctuation">{</span>2 <span class="token function selector">\pi</span> i <span class="token function selector">\xi</span> x<span class="token punctuation">}</span>
    <span class="token function selector">\,</span>d<span class="token function selector">\xi</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><h3 id="分页符-page-break"><a href="#分页符-page-break" class="header-anchor">#</a> 分页符 Page break</h3> <blockquote><p>Print Test: Ctrl + P</p></blockquote> <p>[========]</p> <h3 id="绘制流程图-flowchart"><a href="#绘制流程图-flowchart" class="header-anchor">#</a> 绘制流程图 Flowchart</h3> <div class="language-flow line-numbers-mode"><pre class="language-flow"><code>st<span class="token operator">=&gt;</span>start<span class="token operator">:</span> 用户登陆
op<span class="token operator">=&gt;</span>operation<span class="token operator">:</span> 登陆操作
cond<span class="token operator">=&gt;</span>condition<span class="token operator">:</span> 登陆成功 Yes or No<span class="token operator">?</span>
e<span class="token operator">=&gt;</span>end<span class="token operator">:</span> 进入后台

st<span class="token operator">-</span><span class="token operator">&gt;</span>op<span class="token operator">-</span><span class="token operator">&gt;</span>cond
<span class="token function">cond</span><span class="token punctuation">(</span>yes<span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">&gt;</span>e
<span class="token function">cond</span><span class="token punctuation">(</span>no<span class="token punctuation">)</span><span class="token operator">-</span><span class="token operator">&gt;</span>op
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><p>[========]</p> <h3 id="绘制序列图-sequence-diagram"><a href="#绘制序列图-sequence-diagram" class="header-anchor">#</a> 绘制序列图 Sequence Diagram</h3> <div class="language-seq line-numbers-mode"><pre class="language-text"><code>Andrew-&gt;China: Says Hello
Note right of China: China thinks\nabout it
China--&gt;Andrew: How are you?
Andrew-&gt;&gt;China: I am good thanks!
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br></div></div><h3 id="end"><a href="#end" class="header-anchor">#</a> End</h3></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
    <script src="/assets/js/app.5d3d80a9.js" defer></script><script src="/assets/js/2.b8bab639.js" defer></script><script src="/assets/js/10.f0caa0ef.js" defer></script>
  </body>
</html>
